// pages/my/carManage/addCar.js
import http from '../../../services/http/index'
let util = require('../../../utils/index')
import Toast from "../../components/toast/toast.js";
import config from '../../../config/index'
import { ListData } from '../../../utils/Data'
const { api: { url: apiBaseUrl } } = config


Page({

  /**
   * 页面的初始数据
   */
  data: {
    ctype: 0,
    chide: true,
    confirmBtn: {
      disabled: true,
    },

    cheAgeArray: ['1年', '2年', '3年', '4年', '5年', '6年', '7年', '8年', '9年', '10年', '11年', '12年', '13年', '14年', '15年', '16年',
      '17年', '18年', '19年', '20年', '21年', '22年', '23年', '24年', '25年', '26年', '27年', '28年', '29年', '30年', '31年', '32年', '33年', '34年', '35年', '36年', '37年', '38年', '39年', '40年', '41年', '42年', '43年', '44年', '45年', '46年', '47年', '48年', '49年', '50年'
    ], //选择车的使用年龄

    chexingArray: [],//选择车型

    car_type: '',//车型
    car_no: '',//车牌号
    car_brand: '',//汽车品牌
    index2: 0,//车龄
    index3:0,//车型
    chexingId:'',//车型id

    insurance_img_id: '', // 全险照片图片id
    insurance_img_path: "", //全险照片图片路径

    car_interior_id: '', // 汽车内饰图片id
    car_interior_path: "", // 汽车内饰图片路径

    car_img_front_id: '',//汽车正面照照片id
    car_img_front_path: "",//汽车正面照照片路径

    car_img_side_id: '',//汽车侧面照照片id
    car_img_side_path: "",//汽车侧面照图片路径


    typePath: '',

  },

  uploadImg(e) {
    var _this = this;
    var type = e.currentTarget.dataset.type;
    wx.chooseImage({
      count: 1, // 最多可以选择的图片张数，默认9
      sizeType: ['original', 'compressed'], // original 原图，compressed 压缩图，默认二者都有
      sourceType: ['album'], // album 从相册选图，camera 使用相机，默认二者都有
      success: function (res) {
        console.log(res);
        wx.showToast({
          title: 'loading',
          icon: 'loading',
          duration: 10000
        });
        var tempFilePaths = res.tempFilePaths[0];
        wx.uploadFile({
          url: apiBaseUrl + '/system/upload',      //此处换上你的接口地址
          filePath: tempFilePaths,
          name: 'file',
          header: {
            "Content-Type": "multipart/form-data",
            'accept': 'application/json',
            'token': 'abc12345'
          },
          formData: {},
          success: function (res) {
            wx.hideToast();
            var data = JSON.parse(res.data);
            console.log(data);
            if (res.statusCode == 200) {
              console.log(data.data.link)
              console.log(type + '_path');
              if (type == 'insurance_img') {
                _this.setData({
                  insurance_img_path: data.data.link,
                  insurance_img_id: data.data.id
                })
              } else if (type == 'car_interior') {
                _this.setData({
                  car_interior_path: data.data.link,
                  car_interior_id: data.data.id
                })
              }else if (type == 'car_img_front') {
                _this.setData({
                  car_img_front_path: data.data.link,
                  car_img_front_id: data.data.id
                })
              } else if (type == 'car_img_side') {
                _this.setData({
                  car_img_side_path: data.data.link,
                  car_img_side_id: data.data.id
                })
              }
              // 判断是否整个页面信息为空
              _this.checkKong();
              // _this.data.type + 'path' = data.data.link;
              // type
              //图片地址:data.data.link  图片id:data.data.id
              //这里是上传成功后的图片地址和id,你直接替换给你的图片数据

            } else {
              Toast.show(_this, 'info', '上传服务器失败');
            }

          },
          fail: function (res) {
            wx.hideToast();
            console.log('fail');
          },
        })

      },
      fail: function () {
        Toast.show(_this, 'info', '选择图片失败');
      }
    });
  },


  // 获取车型
  getCarXing: function (e) {
    wx.showToast({
      title: 'loading',
      icon: 'loading',
      duration: 10000,
      mask: true
    });
    http.getcarXinglist()
      .then(data => {
        this.setData({
          chexingArray: data
        });
        console.log(data)
        wx.hideToast();
      }).catch(err => {
        wx.hideToast();
        console.log(err)
      })
  },
 


  // 输入文本框时判断全局数据是否为空
  changeCheck1(e) {
    this.setData({
      car_type: e.detail.value
    })
    this.checkKong();
  },
  changeCheck2(e) {
    this.setData({
      car_no: e.detail.value
    })
    this.checkKong();
  },
  changeCheck4(e) {
    this.setData({
      car_brand: e.detail.value
    })
    this.checkKong();
  },
  // 选择车的使用年龄
  bindPickerChange2: function (e) {
    this.setData({
      index2: e.detail.value,
      cheAge: this.data.cheAgeArray[e.detail.value]
    })
    this.checkKong();
  },
  // 选择车的车型
  bindPickerChange3: function (e) {
    console.log(e)
    this.setData({
      index3: e.detail.value,
      chexing: this.data.chexingArray[e.detail.value].name,
      chexingId: this.data.chexingArray[e.detail.value].id
    })
    this.checkKong();
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCarXing();
  },
  // 判断整个内容是否为空
  checkKong() {
    var that = this;
    var car_type = that.data.car_type;
    var car_no = that.data.car_no;
    var car_brand = that.data.car_brand;
    var insurance_img_id = that.data.insurance_img_id;
    var car_interior_id = that.data.car_interior_id;
    var car_img_front_id = that.data.car_img_front_id;
    var car_img_side_id = that.data.car_img_side_id;
    var cheAge = that.data.cheAge;
    var chexingId = that.data.chexingId;

    if (car_type == '' || car_no == '' || cheAge == '' || chexingId == '' || car_brand == '' || insurance_img_id == 0 || car_interior_id == 0 || car_img_front_id == 0 || car_img_side_id == 0) {
      // wx.showToast({
      //   title: `请输入完整信息`,
      //   icon: 'none'
      // });

      that.setData({
        'confirmBtn.disabled': true
      })
    } else {
      that.setData({
        'confirmBtn.disabled': false
      })
    }

  },
  // 提交申请
  formSubmit: function (e) {
    var that = this;
    console.log('form发生了submit事件，携带数据为：')
    console.log(e)
    console.log(e.detail.value.is_supply_children_seat)
    // that.pandunKong_zui();
    if (e.detail.value.car_brand == '' || e.detail.value.car_img_front_id == 0 || e.detail.value.car_interior_id == 0 ||
      e.detail.value.car_img_side_id == 0 || e.detail.value.car_no == '' || e.detail.value.car_type == '' || e.detail.value.insurance_img_id == 0) {
      wx.showToast({
        title: `请输入完整信息`,
        icon: 'none'
      });
    } else {
      // 提交数据-添加车辆
      var param = ({
        car_brand: e.detail.value.car_brand,//汽车品牌
        car_img_front_id: e.detail.value.car_img_front_id,
        car_img_side_id: e.detail.value.car_img_side_id,
        car_no: e.detail.value.car_no,
        car_type: e.detail.value.car_type,//车型
        car_interior_id: e.detail.value.car_interior_id,//汽车内饰图片id
        insurance_img_id: e.detail.value.insurance_img_id,
        car_age: e.detail.value.car_age,
        car_id: that.data.chexingId, // 新增 型号id
      })
      wx.showToast({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”
        title: '加载中',
        icon: 'loading',
      });
      http.addDriverCar(param).then(data => {
        var itemData = Object.assign(new ListData(), {
          data: data
        })
        wx.hideToast();
        console.log('成功返回的数据')
        console.log(itemData)
        // // 申请成功后跳转
        wx.navigateTo({
          url: 'index'
        })
      })
    }

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})